﻿@media (min-width: 375px) {
    .edit li a, .exam-fix a {
        width: 32px;
    }

    .exam-info-fix ul:last-child {
        float: right;
    }

    .exam-pub li:not(:first-child) {
        margin-left: 20px;
    }
}

@media (min-width: 414px) {
    .edit li a, .exam-fix a {
        width: 36px;
    }

    .exam-pub li:not(:first-child) {
        margin-left: 30px;
    }
}

@media (min-width: 768px) {
    .opPosition {
        display: inline-block;
        margin: 0;
    }

        .opPosition span {
            display: none;
        }

    .edit-ques-header {
        display: block;
    }

        .edit-ques-header div, .edit-body .edit-ques-body div {
            position: absolute;
        }

            .edit-ques-header div:first-child {
                right: 180px;
                left: 22px;
            }

            .edit-ques-header div:nth-child(2) {
                right: 437px;
            }

            .edit-ques-header div:nth-child(3), .quest[data-type="multi"] .edit-ques-header div:nth-child(2) {
                right: 351px;
            }

            .edit-ques-header div:nth-child(4), .quest[data-type="multi"] .edit-ques-header div:nth-child(3) {
                right: 237px;
            }

            .edit-ques-header div:last-child, .quest[data-type="multi"] .edit-ques-header div:last-child {
                right: 133px;
            }

    .edit-ques-body {
        height: 36px;
        padding-top: 4px;
    }

        .edit-ques-body:not(:last-child) {
            border-bottom: none;
            padding-bottom: 6px;
        }

        .edit-ques-body > div {
            margin-top: 6px;
        }

            .edit-ques-body > div span {
                display: none;
            }

            .edit-ques-body > div .form-control {
                display: block;
                width: 100%;
            }

        .edit-ques-body div:first-child .form-control {
            margin-left: -7px;
        }

        .edit-ques-body div:nth-child(2), .quest[data-type="multi"] .edit-ques-body div:nth-child(1) {
            right: 390px;
        }

        .edit-ques-body div:nth-child(3), .quest[data-type="multi"] .edit-ques-body div:nth-child(2) {
            right: 305px;
        }

        .edit-ques-body div:nth-child(4), .quest[data-type="multi"] .edit-ques-body div:nth-child(3) {
            right: 180px;
        }

        .edit-ques-body div:last-child, .quest[data-type="multi"] .edit-ques-body div:last-child {
            right: 15px;
        }

        .edit-ques-body div:first-child {
            right: 470px;
            left: 22px;
        }

    .exam-pub li:not(:first-child) {
        margin-left: 50px;
    }

    .edit-body .edit-plus {
        height: 153px;
        margin-top: 0;
    }

    .exam-result-body-content .scoreExp {
        margin-bottom: 0;
    }

    .edit li:not(:first-child) {
        margin-left: 2px;
    }

    .edit li a {
        width: 56px;
    }

        .edit li a span, .exam-fix a span {
            display: inline;
        }

    .exam-fix a {
        width: 72px;
    }

    .page-type {
        height: 230px;
    }

        .page-type li {
            padding: 10px;
        }

            .page-type li a {
                padding: 18px 0 0 0;
                height: 147px;
            }

                .page-type li a i {
                    font-size: 1.3em;
                }

                .page-type li a span {
                    display: block;
                    width: 100px;
                }

    .exam-info-fix ul:last-child {
        float: inherit;
    }
}

@media (min-width: 769px) {
    .affix {
        left: 257px;
    }

    .exam-info-fix.affix {
        left: 241px;
    }
}

@media (min-width: 992px) {
    .page-type li a span {
        width: 125px;
    }
}

@media (min-width: 992px) {
    .exam-info-fix ul:last-child {
        float: right;
    }
}

@media (min-height: 672px) {
    .affix {
        top: 59px;
    }
}

@media (max-height: 671px) {
    @media(min-width: 768px) {
        .affix {
            top: 59px;
        }
    }

    @media(max-width: 767px) {
        .affix {
            right: 47px;
        }

        .exam-info-fix.affix {
            right: 31px;
        }
    }
}

@media (max-height: 320px) {
    .page-type {
        height: 180px;
    }

        .page-type li {
            padding: 4px 10px;
        }

            .page-type li a {
                padding: 4px 20px;
            }
}
